<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>DigiBP - Facerecognition Paneer</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="layout">
  
  <h1>DigiBP Paneer</h1>
  <div class="row">
    <div class="cell">
      <video id="player" autoplay></video>
    </div>
    <div class="cell">
      <canvas id="canvas" width="320px" height="240px"></canvas>
    </div>

  </div>
<div class="row">
  <div class="cell">
    <button class="btn btn-primary" id="capture-btn">Authorize</button>
    
    <span id="personName"></span>
  </div>
  <div class="cell">
    <div id="leftbox"></div>
    <div id="leftboxdown"></div>
  </div>

</div>

</div>

<script src="script.js"></script>
</body>
</html>